@charset "utf-8";
@import "config";

.container {
    background: #f3f4f6;
    .active {
        color: #cc3333;
    }
    .topbar {
        .left {
            width: 85%;
            a {
                margin-left: 8%;
            }
            a:first-of-type {
                margin-left: 0;
            }
            .active{
                border-bottom: 1px solid #D62D31;
            }
        }
    }

    .main {
        .top {
            padding: setLengthByHeight(15px);
            background: #f7f7f7;
            font-size: 0.75rem;
            border-bottom: 1px solid #C1C1C1;
            a {
                float: left;
                width: 25%;
                color: #999999;
                text-align: center;
                em {
                    display: block;
                }
            }
            .active {
                color: #D62D31;
            }
        }
        .estimate_info {
            .estimate {
                margin-top: setLengthByHeight(20px);
                background: #ffffff;
                border-bottom: 1px solid #C1C1C1;
                .estimate_detail {
                    padding: setLengthByHeight(20px) 4%;
                    border-bottom: 1px solid #C1C1C1;
                    .star_level {

                        .star {
                            i {
                                display: inline-block;
                                font-size: 0.5rem;
                                color: #D62D31;
                            }
                        }
                        .star_right {
                            span {
                                display: inline-block;
                                font-size: 0.5rem;
                                color: #999999;
                            }
                        }
                    }
                    .estimate_content {
                        width: 80%;
                        text-align: justify;
                        font-size: 0.7rem;
                        line-height: 0.9rem;
                        padding: setLengthByHeight(10px) 0;
                    }
                    .buy_info {
                        padding: setLengthByHeight(10px) 0;
                        span {
                            display: block;
                            font-size: 0.6rem;
                            line-height: 1rem;
                            color: #999999;
                        }
                    }
                }

                .discuss {
                    padding: setLengthByHeight(20px) 4%;
                    .btn {
                        width: 49%;
                        height: setLengthByHeight(64px);
                        line-height: setLengthByHeight(64px);
                        color: #000000;
                        font-size: 0.65rem;
                    }
                    button i {
                        color: #D62D31;
                    }
                }
            }
        }
    }
}

.layer {
    .dialog {
        .icon_list {
            .item {
                .icon-weixin {
                    background-color: #85d16d;
                }

                .icon-pengyouquan {
                    background-color: #6dd193;
                }

                .icon-weibo {
                    background-color: #f26868;
                }

                .icon-QQ {
                    background-color: #4c88f5;
                }

                .icon-qqkongjian {
                    background-color: #f0c759;
                }

                .icon-shouji {
                    background-color: #54d3b1;
                }

                .icon-liuyan1 {
                    background-color: #ff936d;
                }

                .icon-erweima {
                    color: #000000;
                    border: setLengthByHeight(4px) solid #dde0de;
                    background-color: #ffffff;
                }

                .icon-fuzhilianjie {
                    background-color: #a8bcc8;
                }

                .icon-shichang {
                    background-color: #82cf4f;
                }
            }
        }
    }
}